@charset "utf-8";
@import "init.scss";
@import "common.scss";
@function c($px) {
    @return $px /2+px;
}

.web {
    header{
         overflow: hidden;
         
    .toubu_box {
        width: c(708);
        padding-top: c(50);
        margin: 0 auto;
        .b {
            text-align: center;
            width: c(122);
            height: c(48);
            border: $color c(1) solid;
            border-radius: c(25);
            a {
                font-size: c(26);
                color: #000000;
            }
        }
        .city{
            position: relative;
            
            select{
                width: c(164);
                height: c(56);
                border: $color solid c(2);
                padding-left: c(20);
                appearance: none;
                -webkit-appearance: none;
            }
            &::before{
                content: "";
                border-top: c(16) $color solid;
                border-right: c(15) transparent solid;
                border-left: c(16) transparent solid;
                position: absolute;
                right: c(16);
                top: c(24);
            }
            
        }
        .fenlei{
            text-align: center;
            font-size: c(26);
            line-height: c(48);
        }
        
    }
   }
   
   section{
       margin-bottom: c(150);
       .tiaozhuang{
           margin: c(40) 0;
           text-align: center;
           display: flex;
               justify-content: space-around;
               align-items: center;
           div{
               
               a{
                 
                  .p{
                      
                      width: c(151);
                      height: c(153);
                   img{
                       width: 100%;
                       
                   }}
                  span{
                      font-size: c(26);
                      color: #000000;
                      
                  } 
                   
               }
           }
       }
       
       .box{
            width: c(374*2);
               margin: 0 auto;
               padding: 20px 0;
           .box_top{
              
               padding-bottom: c(34);
               .my_icon_font:first-of-type{
                   color: $color;
                   font-size: c(44);
                   span{
                       margin-left: c(14);
                       font-size: c(30);
                       color: #000000;
                   }
               }
               div{
                   
                   span:first-of-type{
                   color: #000000;
                   font-size: c(24);
                   
               }
                span:nth-of-type(2){
                   color: $color;
                   font-size: c(25);
                   
               }
               
             }  
           }
           
           .box_content{
               display: flex;
               justify-content: space-between;
               align-items: center;
               div{
                   width: c(132);
                   height: c(133);
                   img{
                       width: 100%;
                   }
               }
           }
       }
   }
   
   
}